
<style scoped>
.banner1 {
  background: url(../../static/img/home/homebg.jpg) no-repeat;
  background-size: 100% 100%;
}
</style>
<template>
  <div :class="'w100 h100 f f-col bg-white '+ animatedName">
    <div class="p15">
      <div class="w100 round rel p15 cfff banner1">
        <p class="f13">尊敬的 173****5319，上午好！</p>
        <h3 style="margin-top:8px;margin-bottom:10px;" class="f20">黄焖鸡米饭</h3>
        <div v-if="eyes" class="f a-c j-b center round pt10 pb10 mt15" style="background:rgba(255,255,255,0.1);height:1.6rem;">
          <div class="round w100 flipInX animated">
            <b class="f20">20000</b>
            <p class="f12 mt5" style="color:yellow;">今日营收(元)</p>
          </div>
          <div class="round w100 flipInX animated delay-1s" style="margin:0 10px;">
            <b class="f20">18000</b>
            <p class="f12 mt5" style="color:yellow;">昨日营收(元)</p>
          </div>
          <div class="round w100 flipInX animated delay-2s">
            <b class="f20">260</b>
            <p class="f12 mt5" style="color:yellow;">今日订单(个)</p>
          </div>
        </div>
        <div v-else class="f a-c j-b round p10 pt20 pb20 mt15 f14" style="background:rgba(255,255,255,0.1);height:1.6rem;line-height:0.58rem;">
          <p class="flipInX animated left">三江顾客盈门至，百货称心满街春。财如晓日腾云起，利似春潮带雨来。</p>
        </div>
        <van-icon size="20" class="abs r0 t0 p20" :name="eyes?'closed-eye':'eye-o'" @click="eyes?eyes = false:eyes = true" />
      </div>
    </div>
    <div class="h100 scroll p10">
      <div class="f j-b p10">
        <h2>运营管理</h2>
      </div>
      <van-grid class="nobg" :border="false" :column-num="4">
        <van-grid-item
          v-for="(item,index) in serverList"
          :key="index"
          @click="$router.push(item.url)"
        >
          <img :src="item.img" width="40px" height="40px">
          <p class="p5 f14 mt5">{{item.name}}</p>
        </van-grid-item>
      </van-grid>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      animatedName:"",
      eyes:true,
      serverList: [
        {
          name: "新订单",
          img: "./static/img/home2.png",
          url: "./order/newOrder",
          id: "",
          tag: ""
        },
        {
          name: "销量统计",
          img: "./static/img/home4.png",
          url: "",
          id: "",
          tag: ""
        },
        {
          name: "营收统计",
          img: "./static/img/home2.png",
          url: "",
          id: "",
          tag: ""
        },
        {
          name: "访客统计",
          img: "./static/img/home3.png",
          url: "",
          id: "",
          tag: ""
        }
      ]
    };
  },

  created() {},

  methods: {}
};
</script>



